<script setup>
import Header from "@/components/Header.vue"
import {useRoute} from "vue-router";
import Login from "@/view/login/Login.vue";
const route = useRoute()
</script>
<template>
<!--  <el-container style="width: 100vw;background-color: #141414">-->
  <el-container style="width: 100vw;">
    <el-header style="--el-header-padding: 0"  height="70px" class="header" >
      <Header />
    </el-header>
    <el-main  style="--el-main-padding: 0;margin: 0;padding: 0">
      <router-view/>
    </el-main>
  </el-container>
  <Login/>
</template>
<style scoped lang="less">
.main{
  margin: 0;
  padding: 0;
}
.header{
  width: 100vw;
  top: 0;
  position: sticky;
  //background: @backgroundColor-black;
  background-color: @backgroundColor-black;
  z-index: 998;
}
</style>
